/* item */
<template xlang="wxml">
  <div class="manager">
    <!-- 页面头部 -->
    <van-sticky>
      <div class="header">
        <van-search :value="search" shape="round" background="#000" placeholder="请输入搜索关键词"/>
      </div>
    </van-sticky>
    <!-- 页面内容 -->
    <div class="main">
      <div class="black"></div>
      <div class="content">
        <Item v-for="(item,index) in list" :key="index" :list="item"></Item>
        <div style="color:#ccc;text-align:center;font-size:10px">暂无更多数据</div>
      </div>
    </div>
  </div>
</template>

<script>
import Item from "./components/item.vue";
import bar from "@/components/bar.vue";
export default {
  components: {
    Item,
    bar
  },
  data: () => ({
    search: "",
    list: [
      {
        title: "数码城改造",
        startTime: "2018-08-01",
        endTime: "2019-12-02",
        manager: "XX工程局",
        tel: 1768740995,
        position: "深圳市龙岗天安数码城"
      },
      {
        title: "数码城改造",
        startTime: "2018-08-01",
        endTime: "2019-12-02",
        manager: "XX工程局",
        tel: 1768740995,
        position: "深圳市龙岗天安数码城"
      },
      {
        title: "数码城改造",
        startTime: "2018-08-01",
        endTime: "2019-12-02",
        manager: "XX工程局",
        tel: 1768740995,
        position: "深圳市龙岗天安数码城"
      },
      {
        title: "数码城改造",
        startTime: "2018-08-01",
        endTime: "2019-12-02",
        manager: "XX工程局",
        tel: 1768740995,
        position: "深圳市龙岗天安数码城"
      }
    ]
  }),
  methods: {},
  computed: {},
  watch: {}
};
</script>

<style lang="less" scoped>
.manager {
  background: rgba(0, 0, 0, 0.05);
  .header {
  }
  .main {
    height: inherit;
    position: relative;
    .black {
      position: absolute;
      height: 100px;
      width: 100%;
      background: #000;
    }
    .content {
      padding: 20px;
    }
  }
}
</style>